<template>
	<sys-container :label="'我的分销码'" showBack :withoutTop="true">
		<template v-slot:content>
			<view class="warp">
					<image src="@/static/images/myCodeBg.jpg"  style="width:100%;height:100%;position: absolute;left:0;top:0"></image>
					<view class="codeBox" >
						
						<view class="myCode" id="myCode">
						  <uv-qrcode ref="qrcode" size="400rpx" :value="qrCodeData"></uv-qrcode>
						</view>
					</view>
			</view>
		</template>
	</sys-container>
</template>

<script>
	const app = getApp()
	export default {
		data() {
			return {
				qrCodeData:app.globalData.requestUrl+'/link?id='+uni.getStorageSync('user').uid
			}
		},
		
		methods: {
			
		},
		onShow(){
			
		}
	}
</script>

<style scoped lang="scss">
	.warp{
		height: 100%;
		box-sizing: border-box;
		// padding: 22rpx 33rpx 38rpx 36rpx;
		
		.codeBox{
			width:100%;
			height:100%;
			position: absolute;
			left:0;
			top:0;
			display: flex;
			align-items: center;
			justify-content: center;
			.myCode{
				width:400rpx;
				height:400rpx;
				background: orange;
				
			}
		}
	}
</style>